<!--
 * @Description: 
 * @Date: 2024-03-19 21:37:28
 * @LastEditTime: 2024-03-19 23:01:07
 * @FilePath: \fe_db_portal\src\page\Project\Table.vue
-->
<template>
  <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
    @selection-change="handleSelectionChange">
    <el-table-column type="selection" width="55">
    </el-table-column>
    <el-table-column prop="projectName" label="项目名称" width="120"></el-table-column>
    <el-table-column prop="projectDesc" label="描述" width="120"> </el-table-column>
    <el-table-column prop="creator" label="创建人" show-overflow-tooltip> </el-table-column>
    <el-table-column prop="createTime" label="创建时间"> </el-table-column>
    <el-table-column prop="update" label="更新人"> </el-table-column>
    <el-table-column prop="updateTime" label="更新时间"> </el-table-column>
    <el-table-column label="操作"> </el-table-column>
  </el-table>
</template>

<script>
export default {
  name: 'Table',
  data() {
    return {
      tableData: [
        {
          projectName: '中移金科三期',
          projectDesc: '哈哈哈哈哈哈哈',
          creator: '哈哈',
          createTime: '2016-05-02',
          update: '呵呵',
          updateTime: '2016-05-02'
        },
        {
          projectName: '华泰',
          projectDesc: '哈哈哈哈哈哈哈',
          creator: '哈哈',
          createTime: '2016-05-02',
          update: '呵呵',
          updateTime: '2016-05-02'
        },
        {
          projectName: '海警',
          projectDesc: '哈哈哈哈哈哈哈',
          creator: '哈哈',
          createTime: '2016-05-02',
          update: '呵呵',
          updateTime: '2016-05-02'
        }
      ],
      multipleSelection: []
    }
  }
}
</script>
<style lang="scss" scoped>
.el-table {
  color: #fff;

  ::v-deep .el-table__cell {
    padding: 0;
    height: 38px;
    background-color: $--color-nav;
  }

  ::v-deep th.el-table__cell {
    background-color: #2d4563;
  }

  ::v-deep .el-table__body tr:hover {
    td {
      background-color: #2d4563;
    }
  }


  ::v-deep td.el-table__cell,
  ::v-deep th.el-table__cell.is-leaf {
    border-bottom: 1px solid #314f72;
  }

  &::before {
    background-color: #314f72;
  }
}
</style>
